<template>
  <div id="home">
    <el-container>
    	<BaseHeader :activeIndex="activeIndex"></BaseHeader>
		  <router-view class="container"/>
		</el-container>

  </div>

</template>

<script>
import BaseHeader from "@/components/common/BaseHeader";

export default {
  name: 'Home',
  data (){
  	return {
  			activeIndex: '/'
  			// footerShow:true
  	}
  },
  components:{
  	 BaseHeader
  	// 'base-footer':BaseFooter
  },
  beforeRouteEnter (to, from, next){
  	 next(vm => {
    	vm.activeIndex = to.path
  	})
  },
  beforeRouteUpdate (to, from, next) {
	  /*if(to.path == '/'){
	  	this.footerShow = true
	  }else{
	  	this.footerShow = false
	  }*/
	  this.activeIndex = to.path
	  next()
	}
}
</script>

<style>
.container{
  margin: 100px auto 30px;
}
</style>
